<template>
  <div>
    <p>面向对象-拖拽</p>
    <div>
     
    </div>
  </div>
</template>

<script>
/*
    拖拽：
        1. 鼠标摁下可以开始拖拽
        2. 记录摁下时的鼠标位置 和 元素位置
        3. 移动后获取到鼠标的新位置
        4. 用鼠标新位置 - 摁下时的鼠标位置 = 鼠标移动距离
        5. 元素当前位置 = 鼠标移动距离 + 摁下时元素位置
 */
export default {
  name: '',
  methods: {
    Drag() {

    }
  }
}
</script>

<style>

</style>
